<template>
  <div class="box" >
    <h1>新人有礼&nbsp;福利专区</h1>
    <div v-for="(item,i) in arr" :key="i">
        <img :src="item.img" alt="">
        <div>{{ item.title }}</div>
        <div>{{ item.price }}</div>
    </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            arr:[
                {
                    img:"https://res.vmallres.com/cmscdn/CN/2023-08/6b8d20b84db3440bb8860d7a4cc155c6.png.webp",
                    title:"新人价",
                    price:"￥599起"
                },
                {
                    img:"https://res.vmallres.com/uomcdn/CN/cms/2024-03/895ea25c71954269b99caa8a097401fc.png.webp",
                    title:"新人价",
                    price:"￥449起"
                },
                {
                    img:"https://res.vmallres.com/uomcdn/CN/cms/2023-12/b3d7f648a53245c2b82324d5e9373283.png.webp",
                    title:"新人价",
                    price:"￥349起"
                },
                {
                    img:"https://res.vmallres.com/uomcdn/CN/cms/2024-04/acbd7f71c5854a8e9143bb141f60e8cd.webp",
                    title:"限购一件",
                    price:"￥1"
                },
                {
                    img:"https://res.vmallres.com/uomcdn/CN/cms/2024-04/e05a6080bf144bb19c690feab04e68e6.gif",
                    title:"限购一件",
                    price:"￥1"
                },
            ]
        }
    }
}
</script>

<style scoped>
    .box{
        display: flex;
    }
    img{
        widows: 100px;
        height: 100px;
    }
</style>